// 函数组件中的事件绑定

export function App() {
  // 事件处理函数
  function handleClick1(e) {
    console.log('函数内定义的事件处理函数', e);
  }

  // 箭头函数表达式
  const handleClick2 = (e) => {
    console.log('函数内定义的箭头函数表达式事件处理函数', e);
  };

  // a标签跳转的事件处理函数
  function handleJump(e) {
    // 组织a标签本身自带的事件处理函数的执行
    e.preventDefault();
    console.log('a被点击了', e);
  }
  return (
    <div>
      {/* 匿名箭头函数 */}
      <button onClick={(e) => console.log('匿名箭头函数', e)}>按钮</button>
      <button onClick={handleClick1}>按钮1</button>
      <button onClick={handleClick2}>按钮2</button>
      <a onClick={handleJump} href="http://www.baidu.com">
        点我
      </a>
    </div>
  );
}
